@mixin flex-center-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@mixin flex-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
@mixin flex-center {
  display: flex;
  align-items: center;
}

$font-PF: PingFang-SC;
$font-PF-Bold: PingFang-SC-Bold;
$font-PF-Medium: PingFang-SC-Medium;
$font-PF-Regular: PingFang-SC-Regular;

$primary-one-color: #202020;
$primary-second-color: #969696;
$primary-third-color: #484848;
$primary-main-color: #FB0036;
$primary-color: #346FFD;

@mixin two-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;  /* 限制为2行 */
  overflow: hidden;
  text-overflow: ellipsis; /* 省略号 */
  line-height: 1.5;        /* 可选：设置行高 */
  max-height: 3em;         /* 可选：根据行高计算 (2行 × 1.5 = 3em) */
}



.circle {
  position: absolute;
  top: 16rpx;
  left: 16rpx;
  z-index: 10;
  width: 18rpx;
  height: 18rpx;
  border-radius: 50%; /* 圆形 */
  background: #fff; /* 填充色 */
  border: 2rpx solid #fff; /* 第一层边框 */
  box-shadow: 0 0 0 2rpx #CCCCCC; /* 第二层边框（外扩） */
}
.circle.checked {
  background: $primary-main-color; /* 填充色 */
  border: 2rpx solid #fff; /* 第一层边框 */
  box-shadow: 0 0 0 2rpx $primary-main-color; /* 第二层边框（外扩） */
}